<template>
    <layout>
    	<mt-header title="监护人列表">
            <a href="/member" slot="left">
                <mt-button  icon="back"></mt-button>
            </a>
		</mt-header>

    	<div class="top">
            <ul>
                <li v-for="item in guardian">
                    <a :href="'/member/guardian/info?id='+item.id">
                    <div class="mine_img">

                        <img v-if="item.headImage=''" :src="showImage(item.headImage)"/>
                        <img v-else="" :src="showImage('/edu/img/topimg.png')">

                    </div>
                    <div class="mine_name">
                        <div class="name-top">姓名:{{ item.name }}</div>
                        <div class="name-con">职业：{{ item.position }}</div>
                        <div class="name-but">地址{{ item.currentAddress }}</div>
                    </div>
                    <div class="mine_right">
                    	<i class="icon-xiangyou"></i>
                    </div>
                    </a>
                </li>
            </ul>
            <!--<ul>-->
                <!--<li>-->
                    <!--<div class="mine_img"><img src="http://weidian-test.oss-cn-shenzhen.aliyuncs.com/edu/img/main.png" /></div>-->
                    <!--<div class="mine_name action">等待对方完善资料</div>-->
                    <!--<div class="mine_right"></div>-->
                <!--</li>-->
            <!--</ul>-->
        </div>
        <div class="tianjia"><a href="/member/guardian/add"><img src="https://weidian-test.oss-cn-shenzhen.aliyuncs.com/edu/img/j_img.png" /></a></div>

    </layout>
</template>
<style lang="scss">
    @import "index.scss";

</style>
<script type="text/babel">
    import { api, image } from 'framework/config.js';
    import Layout from "component/layout/standard";

    import Vue from 'vue'
    import Mint from 'mint-ui';
    Vue.use(Mint);

    export default {
        components: {
            Layout
        },
        data(){
            return {

            }
        },
        computed: {
            api(){
                return api();
            }
        },
        methods: {
            showImage(url, params){
                return image(this.api.image, url, params);
            },
        },
        created(){
        },
        mounted() {
        }
    }
</script>

